<script setup lang="ts">
import { songInfoService } from '@/apis/music'
import type {PropType} from "vue"
const props = defineProps({
  songId: {
    required: true,
    type: String
  },
  themeDarkStyle: {
    required: false,
    default: false,
    type: Boolean
  }
});

const handelDownload = async () => {
  const res = await songInfoService(props.songId)
  console.log(res)
}

</script>

<template>
  <div class="img_down" :class="themeDarkStyle? 'img_down dark' : 'img_down'" @click="handelDownload">

  </div>

</template>

<style lang="scss" scoped>
.img_down{
  background: url(@/assets/qqimgs/mod_icon_light.svg) -24px -80px;
  height: 16px;
  width: 15px;

  &:hover{
    background: url(@/assets/qqimgs/mod_icon_light.svg) -424px -80px ;
  }
}

.dark{
  background: url(@/assets/qqimgs/mod_icon_light.svg) -500px -80px;
}

</style>